<html>
<head>
<title>myNerdbot</title>
<link rel="stylesheet" type="text/css" href="/site_media/general.css" />
<script type="text/javascript" src="/site_media/jquery.js"></script>
<script type="text/javascript" src="/site_media/form.js"></script>
<script type="text/javascript" src="/site_media/aux_file.js"></script>


</head>

<body>
<div id='wrapper'>

<div id ='header'>
<h1 id="title"><span>myNerdbot:</span><span style="font-size:15px"><i> a project of the Ritter Graduation Program</i></span> <b>ALPHA 7</b></h1>
<img height=50px src="/site_media/img/robot_logo.png" alt="Robot_logo" id="main_logo">
<span class="toggle" id='toggle'>SHOW READING (Ctrl+Shift+A)</span> <span id='toggle1' class="toggle">SHOW SEARCH (Ctrl+Shift+S)</span>

<A HREF="" style="color: white" onClick="popup = window.open('{{urls}}/', 'PopupPage', 'height=770,width=700,scrollbars=yes,resizable=no,personalbar=no,statusbar=no,toolbar=no'); return false" target="_blank"><b>Pop-out</b></a>

<p id="displaystuff"></p>
</div>

<div id='side-l'>
<h2 class="pane_heading">Search</h2>
<div id="search_box"> <!-- NEW ADDITION! -->
<form action="" id="ajaxform" action="{{urls}}/ajax">
<form action="" id="ajaxform" name='search_box_name' action="/cards/ajax">
<label>Search Terms</label>
<label>Search tags</label>
<input type="text" name='query' />
<input type="submit" value="Search" />
<br>
<input type="checkbox" name="search_type" value="matt"> Search by Known Variables<br>
</form>
</div>

<!--THIS IS WHERE the cards.html file is inserted -->
<div id='search_results'>
<script language="JavaScript"><!-- //For lolcats
index = Math.floor(Math.random() * 4);
document.write('<center><img width=350px src="/site_media/img/lolcats/' + index +'.png" alt="lolcats go here" class="lolcat_image"></center>');
</script>
</div>
<!--END OF WHERE the cards.html file is inserted -->


</div>

<div id='side-c'>
<h2 class="pane_heading">My hand</h2>

<div id="selected"></div>
</div>

<div id='side-r'>
<h2 class="pane_heading">Reading Pane</h2>

<div id="reading_pane_main"></div>

</div>


<div id="footer">
<a href="{{urls}}/help/misc" target="_blank">Help</a> <a href="{{urls}}/about/misc" target="_blank">About</a> <a href="{{urls}}/privacy/misc" target="_blank">Privacy</a>
<span class="minor_text">Note that this site will probably only function using </span> <a href="http://www.mozilla.com/en-US/firefox/" ><img height=50px src="/site_media/img/firefox.png" alt="firefox_logo" id="firefox_logo"></a>
</div>

</div>
</body>

</html>
